<%@ page contentType="text/html;charset=UTF-8" pageEncoding="utf-8" %>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>融信汇管理后台登录</title>
    <link rel="icon" href="/favicon.ico" mce_href="/favicon.ico" type="image/x-icon">
    <link href="/css/bootstrap.min.css" rel="stylesheet">
    <link href="/font-awesome/css/font-awesome.css" rel="stylesheet">
    <link href="/css/animate.css" rel="stylesheet">
    <link href="/css/style.css" rel="stylesheet">
</head>

<script src="/js/jquery/jquery-3.1.1.min.js"></script>
<script src="/js/bootstrap/bootstrap.min.js"></script>

<body style="background:#FFFFFF;">

<div style="width: 100%;height: 88px;margin: 0 auto;">
    <img src="/img/login/logo.png" style="float: left;margin-top: 20px;margin-left: 20%">
</div>
<div style="background: url('/img/login/mer_background.png') 25% no-repeat; " class="col-md-12">
    <div class="col-md-3 col-md-offset-7">
        <div class="ibox-content b-r-md" style="margin-top:111px;">
            <form class="m-t" role="form" method="post" action="/login">
                <div><h1 class="text-center p-md" style="color:#357ebd;font-weight: 600;">商户后台管理系统</h1></div>
                <div class="form-group p-xxs clearfix">
                    <input type="text" class="form-control  b-r-xl input-lg col-md-12" name="merchantId"
                           placeholder="请输入商户号" required oninvalid="setCustomValidity('请输入商户号');"
                           oninput="setCustomValidity('');"/>
                </div>
                <div class="form-group p-xxs clearfix">
                    <input type="text" class="form-control  b-r-xl input-lg col-md-12" name="username"
                           placeholder="请输入您的用户名" required oninvalid="setCustomValidity('请输入用户名');"
                           oninput="setCustomValidity('');"/>
                </div>
                <div class="form-group p-xxs clearfix">
                    <input type="password" class="form-control  b-r-xl input-lg col-md-12" name="password"
                           placeholder="请输入您的密码" required oninvalid="setCustomValidity('请输入密码');"
                           oninput="setCustomValidity('');"/>
                </div>
                <div class="form-group p-xxs clearfix">
                    <input type="submit" class="btn btn-success block full-width m-b b-r-xl btn-lg col-md-12"
                           value="登录">
                </div>
                <div style="color: #f00; float:right; margin-right: 10%;">

                    <a type="button" id="registerNow">立即注册>></a>

                </div>
            </form>
        </div>
    </div>
</div>
<div style="clear: both">
    <h3 class="text-center p-md">Copyright 2000-2018 IPS. All Rights Reserved 厦门融信汇网络科技有限公司 闽ICP备17023977号</h3>
</div>


<div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="registerModal"
     data-toggle="modal" id="registerModal">
    <div class="modal-dialog modal-sm" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <div class="modal-title" id="gridSystemModalLabel" style="text-align:center;font-size: 24px">账户开通</div>
            </div>
            <div style="height: 20px;"></div>
            <div class="modal-body" style="font-size: 15px">
                <div class="row" style="text-align:center">
                    请致电&nbsp;<span style="color: #e05005 ">18888888888</span>&nbsp;或联系&nbsp;QQ<span
                        style="color: #ca4440">&nbsp;123456</span>
                </div>
            </div>
            <div style="height: 20px;"></div>

            <div class="modal-footer">
                <center>
                    <button type="button" style="text-align:center" class="btn-sm btn-success" data-dismiss="modal">确定
                    </button>
                </center>
            </div>
        </div>
    </div>
</div>

<div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="warningMsg" data-toggle="modal"
     id="warningMsg">
    <div class="modal-dialog modal-sm" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <div class="modal-title" id="gridSystemModalLabel" style="text-align:center;font-size: 24px">登录失败</div>
            </div>
            <div style="height: 20px;"></div>
            <div class="modal-body" style="font-size: 15px">
                ${warning_msg}
            </div>
            <div style="height: 20px;"></div>

            <div class="modal-footer">
                <center>
                    <button type="button" style="text-align:center" class="btn-sm btn-success" data-dismiss="modal">确定
                    </button>
                </center>
            </div>
        </div>
    </div>
</div>

</body>


<script type="text/javascript">

    function centerModals(modalId) {

        $("#" + modalId).each(function (i) {
            var $clone = $(this).clone().css('display', 'block').appendTo('body');
            var top = Math.round(($clone.height() - $clone.find('.modal-content').height()) / 2);
            top = top > 0 ? top : 0;
            $clone.remove();
            $(this).find('.modal-content').css("margin-top", top);
        });
    }


    window.onload = function () {

        if ('${warning_msg}' != '') {

            $(window).on('resize', centerModals('warningMsg'));

            $('#warningMsg').modal('show');

        }
    }


    $('#registerNow').click(function () {

        $(window).on('resize', centerModals('registerModal'));

        $('#registerModal').modal('show');
    })


</script>

</html>